<template>
	<view class="index">
		<u-tabs :lineColor="subColor" :lineWidth="40" :scrollable="false" :current="isActive" :list="tabs"
			@change="click"></u-tabs>
		<swiper class="cont f-1 uni-swiper-tab" @change="change" :current="isActive">
			<swiper-item class="swiperitem-content">
				<scroll-view scroll-y style="height: 100%;">
				</scroll-view>
			</swiper-item>
			<swiper-item>
				<scroll-view scroll-y style="height: 100%;">
					<view class="nav_item">
						<u-empty class="pt60" mode="data" text="没有找到相关数据">
						</u-empty>
					</view>
				</scroll-view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				subColor: uni.getStorageSync('subject_color'),
				isActive: 0,
				tabs: [{
					name: '储值流水',
				}, {
					name: '消费记录',
				}],

			}
		},
		methods: {
			click(item) {
				this.isActive = item.index
			},
			change(event) {
				this.isActive = event.detail.current
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cont {
		background-color: #f6f6f6;
	}
</style>